.photo_hidebox{padding:30px 0;width:80%;margin:100px auto 50px auto;background-color:#fff;border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:3px 3px 15px rgba(0,0,0,0.1)}
.photo_hidebox h3{margin:20px 0 40px;font-weight:bold}
.photo_hidebox img.photo_m_hide{width:150px;height:150px;border-radius:100px;;object-fit:cover;-webkit-object-fit:cover;border:#fff 12px solid;margin:-110px auto 0 auto}
.photo_hidebox img.ewm{width:40%;margin:20px auto 10px auto;display:block;border:#eee 1px solid;padding:6px}
.photo_hidebox font{font-size:14px;color:#999}
.photo_hidebox a{display:block;font-size:18px;margin:10px 0 30px}
.photo_hidebox .btn{width:80%;margin:0 auto}

.Ublack{width:40px;height:40px;right:15px;;top:12px;line-height:40px;color:#fff;position:fixed;border-radius:26px;background-color:rgba(0,0,0,0.3);display:block;z-index:3}
.Ublack i{font-size:18px}

header{position:relative;width:100%;height:290px;height:43vh;overflow:hidden;z-index:0}
header .giftbtn{width:42px;height:42px;background-color:#C869EF;border-radius:22px;border:#fff 1px solid;position:absolute;right:15px;bottom:25px;box-shadow: 3px 3px 5px rgba(0,0,0,0.1);color:#fff}
header .giftbtn i{width:19px;height:19px;line-height:19px;font-size:19px;margin:5px auto 0 auto}
header .giftbtn font{line-height:12px;height:12px;font-size:12px;display:block;margin-top:-1px}

.nicknamebox{position:relative;border-radius:12px 12px 0 0;background-color:#fff;margin-top:-12px;z-index:1;height:80px;box-shadow:0 -12px 15px rgba(0,0,0,.1);}
.nicknamebox .photo_m{width:80px;height:80px;border-radius:50px;border:#fff 3px solid;position:absolute;left:15px;top:-20px;display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.nicknamebox .photo_m i{width:80px;height:80px;line-height:80px;display:inline-block;text-align:center;font-size:45px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(left,#c3994c,#FEE517,#c3994c);position:absolute;left:-3px;top:-50px}
.nicknamebox .photo_m img{width:100%;height:100%;object-fit:cover;-webkit-object-fit:cover;border-radius:50px;position:absolute;left:0;top:0;border:#fff 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.nicknamebox .grade{width:72px;background-color:#DAB778;display:inline-block;position:absolute;top:40px;left:19px;line-height:22px;font-size:12px;border-radius:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:rgba(255,255,255,.5) 1px solid}
.nicknamebox .gradehui{background-color:#ccc;color:#666;background-image:-webkit-linear-gradient(left,#ccc,#eee,#ccc)}
.nicknamebox .gradevip{background-color:#DAB778;color:#844B00;background-image:-webkit-linear-gradient(left,#c3994c,#FEE517,#c3994c)}

.nicknamebox .nickname{position:absolute;left:105px;top:10px;text-align:left;font-size:18px}
.nicknamebox .nickname font{max-width:56%;line-height:18px;height:18px;display:inline-block;vertical-align:middle;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nicknamebox .nickname span{padding:0 6px 0 4px;border-radius:3px ;margin-left:5px;color:#fff;font-size:12px;display:inline-block;vertical-align:middle;line-height:18px;height:18px}

.nicknamebox .nickname div{margin-left:5px}
.nicknamebox a.gz{position:absolute;right:15px;top:40px;line-height:22px;height:24px;border:1px solid;padding:0 12px;border-radius:22px;font-size:14px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

.uline{/*width:94%;width:-webkit-calc(100% - 30px);*/width:100%;background-color:#f2f2f2;margin:5px auto;height:1px;}


.ubox{margin:0 auto;background-color:#fff;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ubox h3{height:34px;line-height:34px;padding-left:15px;position:relative}
.ubox h3 font{font-size:12px;font-weight:normal;margin-left:10px;font-size:14px}
.ubox h3:after{position:absolute;content:'\e601';width:10px;height:20px;display:block;font-size:18px;top:0px;right:20px;color:#c6c6c6;font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:normal}
.ubox ul{width:100%;margin:0 auto;padding:5px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.udata ul li,.umate ul li{padding:0 10px;display:inline-block;line-height:28px;font-size:15px;margin:5px;display:inline-block;color:#666;border-radius:5px;border:#fdd9eb 1px solid}
.udata ul li.more{background-color:#fff}

/*photo*/
.uPlist{width:90%;width:-webkit-calc(100% - 30px);height:70px;margin:0 auto;padding:0 0 12px 0;overflow:hidden;overflow-x:auto;position:relative}
.uPlist .box{width:2000px}
.uPlist img{width:70px;height:70px;border-radius:5px;display:block;float:left;margin:0 5px;object-fit:cover;-webkit-object-fit:cover;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.uPlist img.blur{filter:blur(3px);-webkit-filter:blur(3px);overflow:hidden}
.uPlist .lockstr{position:absolute;top:25px;left:0;text-align:center;color:#333;width:100%;font-size:16px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.uPlist .lockstr .lockico{font-size:30px;line-height:30px;display:block}
.uPlist img:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

/*cert*/
.ucert{text-align:center;width:94%;padding:8px 0;margin:0 auto;height:60px;overflow:hidden}
.ucert li{text-align:center;height:70px;position:relative;display:inline-block;margin:0 2%}
.ucert li i{width:40px;height:40px;line-height:40px;font-size:22px;color:#fff;display:inline-block;background-color:#dedede;border-radius:22px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box	}
.ucert li.ed i{color:#fff;border:0}
/*.ucert li i:after{content:'\e62c';position:absolute;bottom:-12px;right:10px;bottom:-5px;right:-5px;font-size:16px;width:16px;height:16px;line-height:16px;border-radius:16px;color:#ddd;background-color:#fff;border:#fff 2px solid}
.ucert li.ed i:after{content:'\e60f';background-color:#fff;color:#07C160}
*/.ucert li h4{font-size:12px;margin:3px auto 5px auto;color:#999}

/*contact*/
.ucontact ul{clear:both;overflow:auto;padding:10px 0}
.ucontact li{width:33%;display:block;font-size:16px;line-height:50px;color:#333;text-align:center;text-align:center;box-sizing:border-box;float:left}
.ucontact li i{width:40px;height:40px;line-height:40px;font-size:20px;border-radius:40px;color:#fff;text-align:center}
.ucontact li i.mob{background-color:#4FA7FF;font-size:26px;background-image:-webkit-linear-gradient(left,#52c4ff,#4FA7FF)}
.ucontact li i.weixin{background-color:#31C93C;background-image:-webkit-linear-gradient(left,#49e654,#31C93C)}
.ucontact li i.qq{background-color:#51B7EC;background-image:-webkit-linear-gradient(left,#12e8f5,#12B7F5)}
.ucontact li i.weixin_pic{background-color:#919AF1;background-image:-webkit-linear-gradient(left,#9ea7ff,#8892ef)}
.ucontact li h5{line-height:20px;color:#999}


/*aboutus*/
.uaboutus{padding-bottom:10px}
.uaboutus .aboutusC,.uip div{width:100%;padding:5px 15px;line-height:180%;min-height:50px;color:#666;font-size:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

/*IP*/
.uip div{color:#999;padding-bottom:10px}

/*vipbox*/
.ubox .vipbox{position:relative;height:80px}
.ubox .vipbox span{position:absolute;}
.ubox .vipbox .vipico{left:15px;top:10px;width:60px;height:60px;line-height:60px;font-size:40px;background-color:#FD9F23;color:#fff;text-align:center;border-radius:18px}
.ubox .vipbox .viptitle{font-size:18px;left:90px;top:15px;font-weight:bold}
.ubox .vipbox .vipc{font-size:14px;left:90px;top:45px;color:#999}
.ubox .vipbox .vipbtn{right:15px;top:25px;display:inline-block;width:100px;line-height:30px;background-color:#FD9F23;color:#fff;text-align:center;border-radius:18px}
